.wrap{
    padding:0.2rem;
    border-radius: 0.1rem;
    height: 100%;
    background: #fff;
    overflow-y: auto;
	background-color: #292929;
}
.index_wrap{
    min-height: 100%;
    overflow-y: auto;
    background: #F2F2F2;
}
.el-table tr:hover{
	color: #000000;
	cursor: pointer;
}
.el-loading-mask{
	background-color: rgba(0,0,0,0.6);
}
header{
    display: flex;
    display: -webkit-flex;
    width:100%;
    height:60px;
    background: #242424;
    flex-flow: row wrap;
    align-items: center;
    justify-content: space-between;
    /*padding:0 0.2rem;*/
    /*border-bottom: 1px solid #e6e6e6;*/
    font-size: 16px;
    position: relative;
}
.is-disabled.el-input--suffix .el-input__suffix{
	display: none;
}
.el-dialog__title{
	color:#fff;
}
.el-dialog {
	background-color: #333;
}
.el-message-box{
	background-color: #333;
	border:0;
	color:#fff;
}
.el-message-box__title,.el-message-box__message p{
	color:#fff;
}
.header_left,.header_right{
    display: flex;
    align-items: center;
    color:#333;
    height:60px;
    position: relative;
}
.crumbs{
    width:18px;
    margin:0 20px;
    cursor:pointer;
}
.refresh,.screen_icon{
    width:18px;
    cursor:pointer;
}
.logo_group{
    display: flex;
    align-items: center;
    /*!*border-right:1px solid #0C428F;*!*/
    width:200px;
    color:#23FFF1;
    text-align: center;
    font-size: 16px;
	cursor: pointer;
    justify-content: center;
}
#charts_line{
	width:5.4rem;
	height:2.7rem;
	position: absolute;
	top:0.43rem;
	right:0.26rem;
	z-index: 200;
}
#charts_pie{
	width:8rem;
	height:3rem;
	position: absolute;
	top:0.3rem;
	right:0.1rem;
	z-index: 200;
}
.total_data{
	width:100%;
	display: flex;
	justify-content: space-between;
}
.homepage_table{
	width:100%;
	height:3.12rem;
	overflow-y: auto;
}
.total_data li{
	width:4.5rem;
	height:1.3rem;
	border:1px solid rgba(64,240,255,1); 
	border-radius:0.04rem ;
	text-align: center;
}
.total_data li p{
	color:#00FFC4;
	font-size: 0.45rem;
	text-shadow:0px 3px 6px rgba(0,255,196,1);
	margin-top:0.08rem;
}
.total_data li b{
	font-size: 0.35rem;
	font-weight: 500;
	text-shadow:0px 3px 6px rgba(0,255,196,1);
}
.total_icon{
	width:100%;
	height:0.55rem;
	line-height: 0.55rem;
	background:rgba(0,79,128,0.6);
	color:#fff;
	font-size: 0.18rem;
	display: flex;
	align-items: center;
	justify-content: center;
}
.detail_data_tilte{
	width:100%;
	height:0.76rem;
	line-height: 0.76rem;
	color:#fff;
	font-size: 0.22rem;
	font-weight:400;
	display: flex;
	align-items: center;
	padding-left:0.2rem;
}
.detail_data_tilte div{
	width:0.4rem;
	margin-right:0.08rem;
}
.total_icon div{
	width:0.38rem;
	margin-right:0.08rem;
}
.detail_data{
	margin-top:0.16rem;
	width:100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.detail_data>li{
	width:9.2rem;
	height:3.54rem;
	border:1px solid #40F0FF ;
	border-radius:0.04rem ;
	margin-bottom:0.16rem;
	position: relative;
}
.detail_data>li:nth-child(3),.detail_data>li:nth-child(4){
	margin-bottom:0;
	height:3.96rem;
}
.detail_data>li::before{
	display: block;
	content: '';
	position: absolute;
	top:0;
	left:0;
	z-index: 100;
	width:100%;
	height:0.76rem;
	background:linear-gradient(180deg,rgba(64,240,255,0.3) 0%,rgba(32,79,128,0) 100%);
}
.alarm_left{
	padding:0.22rem 0 0 0.32rem;
	font-size: 0.18rem;
	color:#fff;
}
.alarm_left b{
	color:#00FFC4;
	font-weight: 500;
}
.alarm_left div{
	margin-bottom:0.12rem;
}
.alarm_left div::before{
	display: inline-block;
	content: '';
	width: 0.24rem;
	height: 0.21rem;
	background: url(../images/triangle_1.png) no-repeat;
	background-size: 100% 100%;
	margin-right:0.09rem;
	vertical-align: baseline;
}
.alarm_left div:nth-child(2)::before{
	background: url(../images/triangle_2.png) no-repeat;
	background-size: 100% 100%;
}
.logo{
    width:24px;
    cursor:pointer;
}
.logo_text{
    margin-left:6px;
}
.header_right b{
    font-weight: 500;
    margin:0 0.15rem;
}
.head_portrait{
    width:30px;
}
.index_wrap .menu .el-icon-model_1,.el-icon-model_2,.el-icon-model_3{
    width:16px !important;
    height:16px;
    background: url('../images/menus/icon_1.png') no-repeat;
    background-size: 100% 100%;
}
.index_wrap .menu .el-icon-model_2{
    background: url('../images/menus/icon_2.png') no-repeat;
    background-size: 100% 100%;
}
.index_wrap .menu .el-icon-model_3{
    background: url('../images/menus/icon_3.png') no-repeat;
    background-size: 100% 100%;
}
.admin{
    display: flex;
    align-items: center;
    margin-left:40px;
    color:#23FFF1;
    cursor: pointer;
}
.admin span{
    width:10px;
    height:6px;
    background: url("../images/pull-down_icon.png") no-repeat;
    background-size: 100% 100%;
}
.add_rule_btn{
	position: absolute;
	top:0.12rem;
	right:0.2rem;
	z-index: 800;
}
.my_info{
    position: absolute;
    bottom:-92px;
    right:-0.2rem;
    z-index: 500;
    background: #fff;
    border: 1px solid #e6e6e6;
    width:230px;
    font-size: 14px;
	color:#23FFF1;
}
.info_top{
    height:50px;
    line-height: 50px;
    width:100%;
    text-align: center;
    border-bottom: 1px solid #e6e6e6;
    cursor: pointer;
}
.info_top_icon{
    margin-right:10px;
    cursor: pointer;
}
.info_bottom{
    height:40px;
    line-height: 40px;
    background: #fff;
    text-align: center;
    color:#e4393c;
    cursor: pointer;
}
.info_top:hover,.info_bottom:hover{
    background: #F2F2F2;
}
.info_top_icon{
    width:40px;
}
.slide-fade-enter-active {
    transition: all .5s ease;
}
.slide-fade-leave-active {
    transition: all .5s cubic-bezier(1.0, 0.5, 0.8, 1.0);
}
.slide-fade-enter, .slide-fade-leave-to
    /* .slide-fade-leave-active for below version 2.1.8 */ {
    transform: translateY(15px);
    opacity: 0;
}
.add_box {
    margin-bottom:0.2rem;
}
.add_box span{
    font-size:0.24rem;
    font-weight: 600;
    margin-right:0.2rem;
}
.menu-icon{
    display: flex;
    align-items: center;
}
.menu-icon b{
    font-weight: 500;
}
.menu-icon span{
    width:18px;
    height:18px;
}
.menu-icon_1-2 span{
    background: url('../images/menus/icon_1-2.png') no-repeat;
    background-size: 100% 100%;
}
.menu-icon_1-3 span{
    background: url('../images/menus/icon_1-3.png') no-repeat;
    background-size: 100% 100%;
}
.menu-icon_1-4 span{
    background: url('../images/menus/icon_1-4.png') no-repeat;
    background-size: 100% 100%;
}
.menu-icon_1-5 span{
    background: url('../images/menus/icon_1-5.png') no-repeat;
    background-size: 100% 100%;
}
.menu-icon_2-1 span{
    background: url('../images/menus/icon_2-1.png') no-repeat;
    background-size: 100% 100%;
}
.menu-icon_2-2 span{
    background: url('../images/menus/icon_2-2.png') no-repeat;
    background-size: 100% 100%;
}
.menu-icon_2-3 span{
    background: url('../images/menus/icon_2-3.png') no-repeat;
    background-size: 100% 100%;
}
.menu-icon_2-4 span{
    background: url('../images/menus/icon_2-4.png') no-repeat;
    background-size: 100% 100%;
}
.main iframe{
    width:100%;
    height:100%;
    /*overflow-y:auto;*/
}
.search_width{
    width:140px;
}
.title_box{
    width:100%;
    height:0.48rem;
    background: #333333;
    display: flex;
    align-items: center;
    padding-left:0.2rem;
	color:#fff;
}
.title_box .active .el-breadcrumb__inner{
    font-weight: 600;
    cursor: pointer;
    color:#24FFFC;
}
.title_box .active .el-breadcrumb__inner:hover{
    color:#24FFFC;
    font-weight: 600;
    cursor: pointer;
}
.title_box .active1 .el-breadcrumb__inner:hover{
    color:#24FFFC;
    cursor: pointer;
}
.el-pager li.active,.el-select-dropdown__item.selected{
	color:#24FFFC;
}
.el-table th, .el-table tr {
    background-color: #292929;
	color:#ddd;
}

.el-form-item__label{
	color:#fff;
}
.el-input__inner,.el-textarea__inner{
	background-color: #292929;
	color:#fff;
	outline:#34D8D5;
}
.el-textarea{
	width:300px;
}
.el-button--primary{
	/* color: #001C1B;
	background-color: #34D8D5;
	border-color: #34D8D5; */
}
.el-button--primary:hover{
	/* background-color: #11D8D5; */
}
.el-table th>.cell{
	color:#fff;
}
section{
    position: absolute;
    top:60px;
    left:0;
    right:0;
    bottom:0;
    display: flex;
    display: -webkit-flex;
    flex-flow: row wrap;
    z-index: 10;
}
.menu{
    height:100%;
    overflow-y: auto;
    overflow-x: hidden;
}
.main{
    /*padding:0.2rem;*/
    position: relative;
    flex:1;
    height:100%;
    background: #333;
    /*overflow-y: auto;*/
}
.iframe{
    position: absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    z-index: 500;
    padding:0.15rem;
}
.table_box{
    padding-top:0.3rem;
    border-top:1px solid #3D3D3D;
}
.table_box .has-gutter tr,.table_box .has-gutter th,.exceedtime_table .has-gutter tr,.exceedtime_table .has-gutter th,.table_top_box .has-gutter tr,.table_top_box .has-gutter th{
    background: #292929;
}
.el-table__empty-block{
	background-color: #292929;
}
.table_top_box{
    margin-bottom:0.3rem;
}
.el-pagination__total{
	color:#fff;
}
.el-pagination button:disabled,.el-pager li{
	background-color: #292929;
}
#vehicle_charts_line01,#vehicle_charts_line02{
    width:100%;
    height:3.5rem;
}
#vehicle_charts_line02,.exceedtime_box{
    margin-top:0.2rem;
    padding-top:0.2rem;
    border-top:2px solid #EDEDED;
}
.exceedtime_box{
    width:100%;
    display: flex;
    align-items: center;
}
.exceedtime_table{
    width:5rem;
    margin-right:1rem;
}
.exceedtime_title,.charts_title{
    width:100%;
    display: flex;
    align-items: center;
    color:#333;
    font-size: 0.18rem;
    margin-bottom:0.2rem;
}
.exceedtime_title{
    font-size: 0.2rem;
}
.maintain_title{
	width:100%;
	padding:0.3rem 1rem 0.2rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	color:#EDCF4E;
}
.el-button--warning{
	color:#000;
}
.maintain_btn_group{
	margin:0.3rem 0 0.2rem 1rem;
	color:#fff;
}
.total_price{
	padding:0.2rem 0 0.5rem 1rem;
}
.total_price li{
	padding:0.05rem 0;
}
.total_price b{
	color:#DABF49;
	font-weight: 500;
}
.charts_title{
    font-size:0.2rem;
}
.exceedtime_title span,.charts_title span{
    width:0.14rem;height:0.16rem;
    background: url('../images/decorate.png') no-repeat;
    background-size: 100% 100%;
    margin-right:0.1rem;
}
.maintain_project_model{
	position: fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index: 1000;
	background-color: rgba(0,0,0,0.9);
	overflow-y:auto ;
}
.maintain_project_model_box{
	width:16rem;
	height:8.6rem;
	margin:0.4rem auto;
	position: relative;
	border-radius:6px;
	border:4px solid rgba(52,255,251,1);
	padding:0.6rem;
}
.maintain_project_model_detail{
	width:100%;
	display: flex;
	justify-content: space-between;
}
.model_detail_left{
	width:8rem;
}
.model_detail_right{
	width:5rem;
	text-align: center;
}
.checkec_box{
	width:5rem;
	height:5rem;
	border:1px solid rgba(52,216,213,1);
	padding:0.4rem 0.3rem;
	text-align: left;
}
.tree_box{
	width:8rem;
	height:5rem;
	border:1px solid rgba(52,216,213,1);
	padding:0.4rem 0.3rem;
}
.el-tree-node:focus > .el-tree-node__content {
  background-color: transparent !important;
  
}
.el-tree-node:focus > .el-tree-node__content .el-tree-node__label{
	color:#DABF49 !important;
}
.checkec_box p{
	font-size:0.22rem;
	font-weight:600;
	color:rgba(52,216,213,1);
	letter-spacing:1px;
	margin-bottom:0.3rem;
}
.checkec_box li{
	padding-left:0.3rem;
	display: flex;
	align-items: center;
	font-size:0.18rem;
	font-weight:400;
	color:rgba(52,216,213,1);
	letter-spacing:1px;
	margin-top:0.2rem;
	cursor: pointer;
}
.checkec_box li.active{
	color:rgba(218,191,73,1);
}
.checkec_box li.active b{
	background:rgba(218,191,73,1);
}
.checkec_box li b{
	width:0.15rem;
	height:0.15rem;
	background:rgba(52,216,213,1);
	border-radius: 50%;
	margin-right:0.1rem;
}
.model_detail_title{
	display: flex;
	width:100%;
	justify-content: center;
	align-items: center;
	font-size: 0.22rem;
	margin-bottom:0.4rem;
}
.model_detail_title span{
	width:0.4rem;
	height:0.4rem;
	line-height: 0.4rem;
	border-radius: 50%;
	background:rgba(240,240,240,1);
	color:#000;
	margin-right:0.1rem;
	text-align: center;
}
.model_detail_title b{
	font-weight: 500;
}
.maintain_project_title{
	font-size:0.26rem;
	font-weight:500;
	color:rgba(52,216,213,1);
	letter-spacing:0.04rem;
	margin-bottom:0.2rem;
}
.checked_project{
	font-size:0.22rem;
	font-weight:400;
	color:rgba(218,191,73,1);
	letter-spacing:1px;
	margin-top:0.3rem;
}
.model_btn{
	font-size: 0.22rem;
	padding:0.1rem 0.5rem;
	margin:0.3rem auto 0;
}
.el-tree{
	background-color: transparent;
	height: 4rem;
	    overflow: auto;
}
.el-tree-node__expand-icon,.el-tree-node__label{
	color:#34D8D5;
	font-size: 16px;
}
.el-tree-node__content:hover{
	color:#C8B044;
	background: transparent;
}
.is-current.is-focusable{
	color:#C8B044;
	background: transparent;
}
#china_map{
    width:12rem;
    height:7rem;
}
.ranking{
    width:0.22rem;
    margin: 0 auto;
}
.tabs_box{
    width:100%;
    align-items: center;
    justify-content: space-between;
    display: flex;
}
.detail_page{
	position: fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	z-index: 500;
	background-color: #404040;
	padding:0.2rem 0.4rem;
	overflow-y: auto;
}
.close{
	position: absolute;
	right:0;
	top:0;
	z-index: 600;
	width:0.64rem;
	cursor: pointer;
}
.detail_title{
	font-size:20px;
	font-weight:500;
	color:rgba(255,255,255,1);
	letter-spacing:0.04rem;
	margin-bottom:0.2rem;
}
.charts_wrap{
    display: flex;
    overflow: hidden;
    width:100%;
}
.charts_wrap>div{
    width:50%;
}
.silence_pie,.silence_bar{
    padding-left:0.2rem;
}
.maintenance_box{
    border-right:2px solid #EDEDED;
}
.maintenance_pie,.silence_pie{
    height:50%;
    border-bottom:2px solid #EDEDED;
}
.maintenance_bar,.silence_bar{
    height:49%;
}
.charts_p{
    color:#333;
    margin-top:0.25rem;
    font-weight: 600;
}
.maintenance_pie .charts_p,.silence_pie .charts_p{
    margin-top:0.15rem;
}
#vehicle_charts_pie01,#vehicle_charts_pie02{
    width:95%;
    height:80%;
}
#vehicle_charts_bar01,#vehicle_charts_bar02{
    margin-top:0.3rem;
    width:100%;
    height:85%;
}
.dateBox .el-form-item__content{
    width:400px;
}
.mileageBox .el-form-item__content{
    width:200px;
}
.color_1{
    color:#3D78FF;
}
.color_2{
    color:#F6BF5A;
}
.color_3{
    color:#E50213;
}
.color_4{
    color:#53D1CD;
}
.page_title{
    margin-bottom:0.2rem;
	
}
.page_title span{
    font-weight: 500;
    margin-left:0.5rem;
    color:#666;
}
.small_title{
   height:0.6rem;
   line-height: 0.6rem;
   background:rgba(15,145,117,1);
   font-size:18px;
   color:rgba(255,255,255,1);
   text-align: center;
   position: relative;
}
.project_box{
    overflow: hidden;
    position: relative;
    width:100%;
    display: flex;
    align-items: center;
}
.parts_records>span{
    font-size: 16px;
}
.parts_records{
    padding:0.2rem 0;
    border-top:1px solid #666;
}
.parts_box{
    width:16.6rem;
    margin:0.4rem auto 0;
}
.in_total{
    position: absolute;
    top:0.1rem;
    right:0.1rem;
    z-index: 50;
    font-size: 16px;
    color:#e4393c;
}
.width_3{
    width:5.2rem;
}
.width_4{
    width:3.9rem;
}
.submit_box{
    text-align: center;
    margin: 0.4rem 0;
}
.form_box{
    padding-left:2rem;
	padding-top:0.2rem;
	background:rgba(41,41,41,1);
	box-shadow:0px 4px 5px 0px rgba(18,19,19,1);
	margin-bottom:0.5rem;
}
.el-pagination button:disabled, .el-pager li{
	color:#fff;
}
.el-pagination button:disabled, .el-pager li:hover{
	color:#34D8D5;
}
.el-pagination .btn-next, .el-pagination .btn-prev{
	background-color: #292929;
	color:#fff;
}
.el-pagination .btn-next:hover, .el-pagination .btn-prev:hover{
	color:#34D8D5;
}
.claim_box{
	/* padding-top:0.2rem; */
	background:rgba(41,41,41,1);
	box-shadow:0px 4px 5px 0px rgba(18,19,19,1);
	margin-bottom:0.5rem;
}
.form_noborder input{
    border:none !important;
    background: #fff !important;
    color:#666 !important;
}
.filename{
	width: 16rem;
}
.filename .el-input{
	width:3rem;
}
.filename .el-form-item__content{
	width:12rem;
}
.el-input.is-disabled .el-input__inner{
	background-color: #292929;
	color:#fff;
	border: none;
}
.upload-demo{
	margin:0 0.2rem;
}
.form_noborder textarea{
    width: 13rem !important;
    background: #fff !important;
    padding: 0.1rem 0.2rem !important;
    font-size: 14px !important;
    font-family: '微软雅黑';
}
.claim_title{
	font-size:18px;
	height:0.6rem;
	line-height: 0.6rem;
	border-bottom: 2px solid #464646;
	padding-left:0.2rem;
}
.form_list{
    width:100%;
    padding-left:2rem;
	padding-top:0.2rem;
    display: flex;
    flex-wrap: wrap;
	background:rgba(41,41,41,1);
	box-shadow:0px 4px 5px 0px rgba(18,19,19,1);
	margin-bottom:0.5rem;
}
.form_list li{
    display: flex;
    align-items: center;
    width:4.1rem;
    font-size:14px;
    padding-bottom:0.2rem;
	color:#fff;
}
.form_list li b{
    font-weight: 500;
}
.form_list .form_textarea{
    width:15rem;
}
.project_textarea{
    width:6rem;
}
.project_span{
    height:40px;
    line-height: 40px;
    font-size: 14px;
}
.cursor_pointer{
    cursor: pointer;
}
.color_red{
    color:#e4393c;
    font-size: 16px;
}
.claim_total{
	padding-top: 0.2rem;
	text-align: right;
	font-size: 16px;
	color: #e4393c;
	padding-right:0.1rem;
}

@media screen and (min-width:768px){
    /*!*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*!*/
    ::-webkit-scrollbar
    {
        width: 10px;
        height: 10px;
        background-color: #fff;
    }
    /*定义滚动条轨道 内阴影+圆角*/
    ::-webkit-scrollbar-track
    {
        /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/
        background-color: #fff;
    }

    /*定义滑块 内阴影+圆角*/
    ::-webkit-scrollbar-thumb
    {
        /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);*/
        background-color: #324157;
    }
    *{
        scrollbar-track-color: #fff; /*立体滚动条背景颜色*/
        scrollbar-base-color:#324157; /*滚动条的基色*/
        scrollbar-arrow-color:#324157;
    }

}

